<template>
    <div class="appTop flex-between-center pcHide">
        <div class="topTitle" :style="{fontSize:titleSize+'px'}">{{topTitle}}</div>
        <div class="iconInfo flex-between-center flex-column" @click="$emit('scan')">
            <i :class='icon' :style="{fontSize:iconSize+'px'}" class="iconfont"></i>
            <span :style="{fontSize:iconTipSize+'px'}" class='iconTip'>{{iconTip}}</span>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        topTitle: {
            type: String,
            require: true
        },
        titleSize: {
            type: String,
            default: '16'
        },
        icon: {
            type: String,
            default: 'icon_Nav_saoyisao'
        },
        iconSize: {
            type: String,
            default: '30'
        },
        iconTip: {
            type: String,
            default: '扫一扫'
        },
        iconTipSize: {
            type: String,
            default: '10'
        }
    }
}
</script>

<style lang='scss' src='./css/top.scss'>
</style>